﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="A nice clean, sexy template!" />
<meta name="generator" content="" />

<title>Symplex</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

<!-- Load everything JS and aditional CSS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script src="includes/js/infinite-carousel.js" type="text/javascript"></script>
<script src="includes/js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="includes/js/cufon.js" type="text/javascript"></script>
<script src="includes/js/PT_Sans_400-PT_Sans_700-PT_Sans_italic_400-PT_Sans_italic_700.font.js" type="text/javascript"></script>
<script src="includes/js/Museo_400-Museo_italic_400.font.js" type="text/javascript"></script>
<link rel="stylesheet" href="includes/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="includes/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="includes/css/coda-popup.css" type="text/css" media="screen" charset="utf-8" />
<script src="includes/js/coda-popup.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/js/filterable.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/js/textoverflow.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/js/swfobject.js" type="text/javascript" charset="utf-8"></script>

<script src="includes/js/main.js" type="text/javascript" charset="utf-8"></script>

<!--[if IE 6]>
<script type="text/javascript" src="includes/js/pngfix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix(' #top-bar, #menu-logo, #logo a img, #dropmenu, #heading, #footer-bottom, #footer-bottom img, #footer-link-columns, .slide , .slide .image img, .light-span, .nav-span,  #slideshownav a.activeSlide, #slideshownav li.activeSlide a, #slideshownav li, #slideshownav img, #slidecontrol img, #dropmenu ul, #dropmenu a, #dropmenu ul ul, #dropmenu ul a, a.btn-home-more, a.btn-home-more:hover, a.btn-home-check, a.btn-home-check:hover, ul.imagelist-half .icon img, .homepage-banners img, .homepage-longbox-bottom-right ,.homepage-longbox-bottom-left, #portfolio-carousel .portfolio-carousel-item img.poverlay, #portfolio-carousel ul li, #portfolio-carousel ul li:hover, img.btn-arrow, #button_pause img, #button_play img, .video');
</script>
 <link rel="stylesheet" href="gui/ie6.css" type="text/css" media="screen" charset="utf-8" />
 <![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" href="gui/ie7.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->

</head>
<body>

<!-- Begin Header Area -->
<div id="top-bar">
    <div class="wrap-center">
    <div class="fl welcome">Welcome to Symplex, a nice clean sexy template!</div>
    <div class="fr">
        <ul>
            <li><a href="your-account.html">Your Account</a></li>
            <li><a href="sign-in.html">Sign In</a></li>
            <li class="last"><a href="cart.html">Shopping Cart  (10 Items - $20.00)</a></li>
        </ul>
    </div>
    <div class="clear"></div>
    </div>
</div>  <!-- end #top-bar -->

<div id="menu-logo">
    <div class="wrap-center">
         <div id="logo">
            <a href="index.html"><img src="gui/images/symplex-logo.png" alt="Symplex" /></a>
        </div>
        <ul id="dropmenu">
                <li class="first active"><a href="index.html" title="Home">Home</a></li>
                <li><a href="company.html" title="Company">Company</a>
                <ul>
                	<li><a href="company-about-us.html" title="About Us">About Us</a></li>
                	<li><a href="company-customer-feedback.html" title="Customer Feedback">Customer Feedback</a></li>
                	<li><a href="company-philosophy.html" title="Philosophy">Philosophy</a></li>
                </ul>
                </li>
                <li><a href="our-work.html" title="Our Work">Our Work</a>
                <ul>
                	<li><a href="our-work.html#Wordpress" title="Wordpress">Wordpress</a></li>
                	<li><a href="our-work.html#PSD" title="PSD">PSD</a></li>
                	<li><a href="our-work.html#XHTML" title="XHTML">XHTML</a></li>
                	<li><a href="our-work.html#Other" title="Other">Other</a></li>
                	<li><a href="our-work.html#Custom" title="Custom Work">Custom Work</a></li>
                	<li><a href="our-work-pricing.html" title="Services Pricing">Services Pricing</a></li>
                	<li><a href="our-work-with-sidebar.html" title="Portfolio Alternative">Portfolio Alternative</a></li>                     
                </ul>
                </li>
                <li><a href="blog.html" title="Blog">Blog</a></li>
                <li><a href="customer-service.html" title="Customer Service">Customer Service</a>
                <ul>
                	<li><a href="customer-service-help-faq.html" title="Help">Help &amp; FAQ</a></li>
                	<li><a href="#" title="Newsletter">Newsletter</a></li>
                	<li><a href="#" title="Community">Community</a>
                	<ul>
		                <li><a href="#" title="Forum">Forum</a></li>
		                <li><a href="#" title="Grandchild">Menu Grandchild</a></li>
	                </ul>
                    </li>
                    <li><a href="tool-page.html" title="Tool Page">Tool Page</a></li>
                </ul>
                </li>
                <li><a href="contact.html" title="Contact">Contact</a></li>
        </ul>
        <div class="clear"></div>
   </div>
</div>     <!-- end #menu-logo -->

<div id="heading" class="heading-home">
      <div class="light-span">
        <div class="wrap-center">
          <div id="slideshow">
                 <div class="slide-imageright slide">
                    <div class="text">
                        <h1>Lorem ipsum dolor, adipiscing elit. <strong>Nam posuere luctus mauris.</strong></h1>
                        <p>Quisque pharetra libero ut nisl tempus luctus Nulla facilisi. Sed eget augue mauris, ac vestibulum dolor. Etiam ut posuere dolor. Nunc ullamcorper facilisis vehicula. Mauris in dui et ante tincidunt fermentum. Quisque pharetra libero ut nisl tempus luctus.</p>
                        <a href="#" class="btn-home-more fl">Learn More</a>

                        <a href="our-work.html" class="btn-home-check fl">Check Our Work</a>
                        <div class="clear"></div>
                    </div>
                    <div class="image">
                        <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/slides/slide-one.png" width="428" height="360" alt="Slide 1" /></a>
                    </div>
                    <div class="clear"></div>
                 </div>

                 <div class="slide-imageright slide">
                    <div class="text">
                        <h1>Mauris in dui et ante tincidunt fermentum <strong>libero ut</strong></h1>
                         <ul>
                            <li>Quisque pharetra libero ut nisl tempus luctus</li>
                            <li>Mauris in dui et ante haretra libero ut posuere in dui et ante ut nisl tempus facilisis vehicula</li>
                            <li>Etiam ut posuere dolor pharetra</li>
                            <li>Sed eget augue mauris ac haretra libero luctus</li>
                        </ul>
                        <a href="#" class="btn-home-more fl">Learn More</a>
                        <a href="our-work.html" class="btn-home-check fl">Check Our Work</a>

                        <div class="clear"></div>
                    </div>
                    <div class="image">
                        <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/slides/slide-two.png" width="428" height="360" alt="Slide 2" /></a>
                    </div>
                    <div class="clear"></div>
                 </div>

                 <div class="slide-imageright slide">
                    <div class="text">
                        <h1>Build a beautyful modern website <strong>with Symplex</strong></h1>
                         <ul class="half ">
                            <li>Valid XHTML Code</li>
                            <li>JQuery Enhanced</li>
                            <li>Cufon Font Replacements</li>
                            <li>Multiple Page Elements</li>
                            <li>Works in IE6</li>
                            <li>Multiple Color Options</li>
                            <li>Contact Form Validation</li>
                            <li>Homepage Image/Div Cycle</li>
                        </ul>
                        <div class="clear"></div>
                        <a href="#" class="btn-home-more fl">Learn More</a>
                        <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" class="btn-home-check fl" rel="external">Buy This Template</a>
                        <div class="clear"></div>

                    </div>
                    <div class="image">
                        <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/slides/slide-three.png" width="428" height="360" alt="Slide 3" /></a>
                    </div>
                    <div class="clear"></div>
                 </div>

                 <div class="slide-imageright slide">
                    <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/slides/slide-five.png" width="940" height="396" alt="" /></a>
                 </div>

                 <div class="slide-video slide" >
                    <div class="text">
                        <h1>Yes a Video Too tincidunt fermentum <strong>libero ut</strong></h1>
                         <ul>
                            <li>Quisque pharetra libero ut nisl tempus luctus</li>
                            <li>Mauris in dui et ante haretra libero ut posuere in dui et ante ut nisl tempus facilisis vehicula</li>
                            <li>Etiam ut posuere dolor pharetra</li>
                            <li>Sed eget augue mauris ac haretra libero luctus</li>
                        </ul>
                        <a href="#" class="btn-home-more fl">Learn More</a>
                        <a href="our-work.html" class="btn-home-check fl">Check Our Work</a>

                        <div class="clear"></div>
                    </div>
                    <div class="video">
                        <script type="text/javascript">
                            var flashvars = {};
                            var params = {
                                menu: "false",
                                wmode: "transparent"
                            };
                            var attributes = {};

                            swfobject.embedSWF("http://vimeo.com/moogaloop.swf?clip_id=12622016&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1", "video1", "437", "269", "9.0.0", "includes/flash/expressInstall.swf", flashvars, params, attributes);
                        </script>
                        <div id="video1"> <!--   --> </div>
                    </div>
                    <div class="clear"></div>
                 </div>

         </div>  <!-- end #slideshow -->
      </div> <!-- end .wrap-center -->

      <div class="nav-span">
            <div class="wrap-center rel">

               <ul id="slideshownav" class="fl">
                    <li><a href="#">Just Text</a></li>
                    <li><a href="#">Normal List</a></li>
                    <li><a href="#">Check List</a></li>
                    <li><a href="#">Big Image</a></li>
                    <li class="last"><a href="#">Video</a></li>
               </ul>

               <div id="slidecontrol" class="fr">
                    <table cellpadding="0" cellspacing="0">
                      <tr>
                        <td>
                            <div id="button_pause" style="display:"><a href="#" id="pauseButton"><img src="gui/images/pause.png" alt="Pause Slideshow"  /></a></div>
                    		<div id="button_play" style="display:none"><a href="#" id="resumeButton"><img src="gui/images/play.png"  alt="Resume Slideshow"  /></a></div>
                        </td>
                        <td><img src="gui/images/slide-nav-divider.png" width="1" height="65" alt="" /></td>
                        <td class="slidearrow"><a href="#" id="slideshowprev"><img src="gui/images/arrow-back_off.png" width="8" height="15" alt="Back"  /></a></td>
                        <td><img src="gui/images/slide-nav-divider.png" width="1" height="65" alt="" /></td>
                        <td class="slidearrow"><a href="#" id="slideshownext"><img src="gui/images/arrow-ffwd_off.png" width="8" height="15" alt="Forward"  /></a></td>
                      </tr>
                    </table>
               </div>

               <div class="clear"></div>
            </div>
      </div> <!-- end .nav-span navigation span for slides -->
      </div> <!-- end .light-span light behind the slide shots -->
</div>  <!-- end #heading -->
<!-- End Header Area -->

<!-- Begin Content -->
<div id="content-area">
    <div class="wrap-center">

	<div id="content-wide" class="main">

        <div class="homepage-icons">
                         <ul class="imagelist-half">
                            <li class="noborder">
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-clock.png" width="53" height="52" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Lorem ipsum dolor sit</a></h4>
                                        <p>Maecenas purus libero, cursus ut dignissim in, cursus ut purus libero, adipiscing vel enim.</p>
                                    </div>
                            </li>
                            <li class="last noborder">
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-user-plus.png" width="58" height="46" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Ut quis mauris at</a></h4>
                                        <p>Maecenas purus libero, cursus ut dignissim in, cursus ut purus libero, adipiscing vel enim.</p>
                                    </div>
                            </li>
                            <li>
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-check.png" width="51" height="40" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Lorem ipsum dolor sit</a></h4>
                                        <p>Maecenas purus libero, cursus ut dignissim in, cursus ut purus libero, adipiscing vel enim.</p>
                                    </div>
                            </li>
                            <li class="last">
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-bug.png" width="58" height="54" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Ut quis mauris at</a></h4>
                                        <p>Maecenas purus libero, cursus ut dignissim in, cursus ut purus libero, adipiscing vel enim.</p>
                                    </div>
                            </li>
                            <li>
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-arrow-down.png" width="52" height="52" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Lorem ipsum dolor sit</a></h4>
                                        <p>Maecenas purus libero, cursus ut purus libero, cursus ut dignissim in, adipiscing vel enim.</p>
                                    </div>
                            </li>
                            <li class="last">
                                    <a href="#" class="icon"><img src="gui/images/icons/icon-search.png" width="49" height="50" alt="" /></a>
                                    <div class="text">
                                        <h4><a href="#">Ut quis mauris at</a></h4>
                                        <p>Maecenas purus libero, cursus ut dignissim in, adipiscing vel cursus ut purus libero, enim.</p>
                                    </div>
                            </li>
                        </ul>
             <div class="clear"></div>
        </div>  <!-- end .homepage-icons -->

        <div class="homepage-banners">
             <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/banners/banner1.png" alt="Alt Info" /></a>
             <a href="http://themeforest.net/user/bogdanspn/portfolio?ref=bogdanspn" rel="external"><img src="gui/images/banners/banner2.png" alt="Alt Info" /></a>
        </div> <!-- end .homepage-banners -->

        <div class="clear"></div>

        <div class="homepage-longbox">
            <div class="homepage-longbox-top-left"><div class="homepage-longbox-top-right"><!--  --></div></div>
            <div class="homepage-longbox-bottom-left"><div class="homepage-longbox-bottom-right"><div class="pad">
                <h3>Quisque pharetra libero ut nisl tempus luctus</h3>
                <p>Nulla facilisi. Sed eget augue mauris, ac vestibulum dolor. Etiam ut posuere dolor. Nunc ullamcorper facilisis vehicula. Mauris in dui et ante tincidunt fermentum. Quisque pharetra libero ut nisl tempus luctus. <a href="#">Vestibulum fringilla</a> bibendum urna quis lacinia. Maecenas at sapien nulla, nec molestie libero. Ut at est ac tellus rutrum <a href="#">condimentum sit amet non</a> purus.</p>

            </div></div></div>
        </div>  <!-- end .homepage-longbox -->

        <div class="homepage-carouselbox">
            <div class="pad">
              <div class="fl"><h3>Lorem ipsum dolor sit amet</h3></div>
              <div class="fr">
                  <a href="our-work.html" class="viewmore">View More</a> | &nbsp;&nbsp;&nbsp;&nbsp;  | &nbsp;&nbsp;&nbsp;&nbsp;
              </div>
              <div class="clear"></div>
            </div>

            <div id="portfolio-carousel">
              <div class="wrapper">
                <ul>
	                 <li>
                            <div class="portfolio-carousel-item">
                                        <div class="image">
                                               <a href="gui/images/thumbs/image1.jpg" title="A Nice Porfolio Shot" rel="prettyPhoto[featured]"><img class="pthumb" src="gui/images/thumbs/thumb1.jpg" alt="Portfolio Post 6" /><img src="gui/images/portfolio/overlay.png" alt="Portfolio Post 6" class="poverlay"/>
                                                </a>
                                        </div>
                                        <div class="text">
                                            <h4><a href="our-work-detail.html" title="Portfolio Post 6" rel="bookmark">A Nice Porfolio Shot</a></h4>
                                            <p>Suspendisse interdum ullamcorper arcu vel feugiat.</p>
                                        </div>
                                        <div class="price">$22</div>
                                        <div class="clear"></div>
                                        <!--  optional buttons commented out, you will need to increase the size of portfolio-carousel-item and portfolio-carousel wich is fixed  -->
                                        <!--<div class="fl portfolio-button">
                                            <a class="btn-small-grey-alt view-details" href="our-work-detail.html"><span>View Details</span></a>
                                        </div>
                                        <div class="fr portfolio-button">
                                            <a class="btn-small-blue-alt purchase btn-no-margin" href="http://themeforest.net/user/bogdanspn/portfolio" rel="external"><span>Purchase Now <img src="gui/images/buttons/arrow-white.png" width="5" height="9" alt="" class="vm btn-arrow"/></span></a>
                                        </div>
                                        <div class="clear"></div>-->
                            </div>
                        </li>
              	        <li>
                            <div class="portfolio-carousel-item">
                                        <div class="image">
                                               <a href="gui/images/thumbs/image3.jpg" title="Portfolio Post 4" rel="prettyPhoto[featured]"><img class="pthumb" src="gui/images/thumbs/thumb3.jpg" alt="Portfolio Post 4" /><img src="gui/images/portfolio/overlay.png" alt="Portfolio Post 4" class="poverlay"/>
                                                </a>
                                        </div>
                                        <div class="text">
                                            <h4><a href="our-work-detail.html" title="Portfolio Post 4" rel="bookmark">Very Cool Website we did</a></h4>
                                            <p>Nam egestas tincidunt sem, nec porta nibh scelerisque a. In accumsan semper tincidunt vel feugiat. </p>
                                        </div>
                                        <div class="price">$22</div>
                                        <div class="clear"></div>
                                        <!--  optional buttons commented out, you will need to increase the size of portfolio-carousel-item and portfolio-carousel wich is fixed  -->
                                        <!--<div class="fl portfolio-button">
                                            <a class="btn-small-grey-alt view-details" href="our-work-detail.html"><span>View Details</span></a>
                                        </div>
                                        <div class="fr portfolio-button">
                                            <a class="btn-small-blue-alt purchase btn-no-margin" href="http://themeforest.net/user/bogdanspn/portfolio" rel="external"><span>Purchase Now <img src="gui/images/buttons/arrow-white.png" width="5" height="9" alt="" class="vm btn-arrow"/></span></a>
                                        </div>
                                        <div class="clear"></div>-->
                            </div>
                        </li>
              	        <li>
                            <div class="portfolio-carousel-item">
                                        <div class="image">
                                                <a href="gui/images/thumbs/image2.jpg" title="Portfolio Post 5" rel="prettyPhoto[featured]"><img class="pthumb" src="gui/images/thumbs/thumb2.jpg" alt="Portfolio Post 5" /><img src="gui/images/portfolio/overlay.png" alt="Portfolio Post 5" class="poverlay"/>
                                                </a>
                                        </div>
                                        <div class="text">
                                            <h4><a href="our-work-detail.html" title="Portfolio Post 5" rel="bookmark">A Nice Background</a></h4>
                                            <p>In accumsan semper tincidunt? turpis duis.Suspendisse interdum ullamcorper arcu vel feugiat.</p>
                                        </div>
                                        <div class="price">$22</div>
                                        <div class="clear"></div>
                                        <!--  optional buttons commented out, you will need to increase the size of portfolio-carousel-item and portfolio-carousel wich is fixed  -->
                                        <!--<div class="fl portfolio-button">
                                            <a class="btn-small-grey-alt view-details" href="our-work-detail.html"><span>View Details</span></a>
                                        </div>
                                        <div class="fr portfolio-button">
                                            <a class="btn-small-blue-alt purchase btn-no-margin" href="http://themeforest.net/user/bogdanspn/portfolio" rel="external"><span>Purchase Now <img src="gui/images/buttons/arrow-white.png" width="5" height="9" alt="" class="vm btn-arrow"/></span></a>
                                        </div>
                                        <div class="clear"></div>-->
                            </div>
                        </li>
              	 </ul>
              </div>
            </div> <!-- end #portfolio-carousel -->

        </div> <!-- end .homepage-carouselbox -->

        <div class="quote-bar"><div class="pad">
            <div class="fl quoteleft">Lorem Ipsum dores mit Alenus. Signus mores <i>Symplex</i> Dores.</div>
            <div class="fr quoteright"><a href="request-quote.html">Get a Quote Now</a> &nbsp;<img src="gui/images/double-arrow.png" width="14" height="13" alt="" class="vm" /></div>
        </div></div>

      </div> <!-- end #content-wide -->
	</div><!-- end .wrap center -->
</div><!-- end #content-area -->
<!-- End Content -->

<!-- Begin Footer -->
<div id="footer">
<div id="footer-link-columns">
    <div class="wrap-center">

               <div class="panelfooter">
               <h3>Pages</h3>
                <ul>
                    <li class="active"><a href="index.html" title="Home">Home</a></li>
                    <li><a href="company.html" title="Company">Company</a></li>
                    <li><a href="our-work.html" title="Our Work">Our Work</a></li>
                    <li><a href="blog.html" title="Blog">Blog</a></li>
                    <li><a href="customer-service.html" title="Customer Service">Customer Service</a></li>
                    <li><a href="contact.html" title="Contact">Contact</a></li>
                </ul>
                </div>

                <div class="panelfooter">
                    <h3>Meta</h3>
                    <ul>
    			        <li><a href="#">Site Admin</a></li>
                        <li><a href="#">Log out</a></li>
    			        <li><a href="#" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			        <li><a href="#" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			        <li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
					</ul>
                </div>

                <div class="panelfooter">
                    <h3>About</h3>
                    <div class="textwidget">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum, massa eu accumsan pellentesque, felis metus imperdiet est, aliquam eleifend enim justo sed nunc... <a href="#">More &raquo;</a></div>
                </div>

                <div class="panelfooter"><h3>Blogroll</h3>
                    <ul class="blogroll">
                      <li><a href="#">Development Blog</a></li>
                      <li><a href="#">Documentation</a></li>
                      <li><a href="#">Plugins</a></li>
                      <li><a href="#">Suggest Ideas</a></li>
                      <li><a href="#">Support Forum</a></li>
                      <li><a href="#">Themes</a></li>
                      <li><a href="#">WordPress Planet</a></li>
                    </ul>
                </div>

                <div class="panelfooter">
                    <h3>Contact</h3>
                    <div class="textwidget">
                        <b>Phone:</b> 1-888-545-5432<br/>
                        <b>Fax:</b> +1-432-545-15432<br/>
                        <b>Email:</b> sales@primuslorem.com<br/>
                        <b>Twitter:</b> @primuslorem<br/>
                    </div>
        		</div>

           <div class="clear"></div>
     </div>
</div>

<div id="footer-bottom">
    <div class="wrap-center">
        <div class="fl copy">
            Symplex is a product of <a href="#">Bogdan Rosu</a>. &copy; 2010 Symplex. Developed by <a href="#">Bogdan Rosu</a>.<br/>
            Lorem Ipsum Dorem Nulla Sed eget augue mauris, ac vestibulum dolor. Etiam ut posuere dolor.<br/>
        </div>
        <div class="fr soclials">
            <ul>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/twitter.png" width="29" height="29" alt="Twitter" /><br/>
                    Twitter</a>
                </li>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/facebook.png" width="29" height="29" alt="Facebook" /><br/>
                    Facebook</a>
                </li>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/yahoo.png" width="29" height="29" alt="Yahoo" /><br/>
                    Yahoo</a>
                </li>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/delicious.png" width="29" height="29" alt="Delicious" /><br/>
                    Delicious</a>
                </li>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/myspace.png" width="29" height="29" alt="Myspace" /><br/>
                    Myspace</a>
                </li>
                <li class="social-item">
                    <a href="#"><img src="gui/images/social/rss.png" width="29" height="29" alt="RSS" /><br/>
                    RSS</a>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
     </div>
</div>
</div><!-- #footer -->
<!-- End Footer -->

<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>